<script setup lang='ts'>
import { useChannel } from '@/hooks/channel';
import { onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';
       const data = ref('')
       const route = useRoute()
       const { channelList } = useChannel()
      onMounted(()=>{
        data.value = route.params.id as string
      })
</script>
       
<template>
    <div class="detail">
        详情进入的页面{{ data }}
        {{ JSON.stringify(channelList) }}
    </div>
       
</template>
       
<style scoped>
       .detail{
        width: 100%;
        height: 100vh;
        background-color: #fff;
       }
</style>